Hello.
In this lecture we are going to create a structure for app use in hastier mail to save time.
I've already added the code.
I will just step to the cord with you.
And one of the code is the doctype the doctype is used to notify web browsers and search engines that
the content of the page that's about to be displayed is an hastier mail five document household a dog
doctype does to provide information that the content is and hastier Mail 5 the actual eight year old
documents from line to an ends online.
Thirty three if he kicked the code also is also indented so that you can tell the parent child relationship
so look in because you can tell that the head tag which starts on line 3 aren't online.
It is a child of the hastier male tag and the body starts on online 10 and ends online.
31 is also a child of the hastier male TAC.
The head has got child elements as well.
The body also has caught several charred elements.
So let's start from the head the head tag starts on line 3 and on line 8.
It contains a couple of metter tax metter tags are snippets of text that describes a page content.
The metal tags do not appear when the pages display.
They just use for information purposes.
The Met a tag online for us called an attribute called Cast set with a value of utf Dash 8.
This is the encoding type for the web page.
And is a standard encoding used by most web pages all over the world.
Line 5 the metal tag has also got another troop whose code name with a value or viewport viewport refers
to the screen size.
But Conte has also gone no attributes caught content would be a value of if it was the vice minus weep
comma initial that skill.
The viewport on line 6.
The attribute name which has a value view put the viewport.
Basically it's like virtual area used by browser to render.
Okay use that as a browser for rendering too and is used to determine how the content is skilled and
size.
Okay so when it is initially rendered on the current screen it has an initial skill of this one.
Okay.
And then you can you can zoom in and zoom up later.
6 is the title for the game line 7 is a reference to the still more style sheet which is this one here
that will use and line it ends the head section so the body starts from line 10 line 11.
We've got a head tag for the body.
This will be the title for that will appear on the page before the game.
Line 12 and 13 hours.
Just paragraph tags were some text to describe what the game is about.
Line 14 is the break tag that will just create some space after the last paragraph tag line.
15 is a div with an attribute of wrapper div will be the main contain a footy game.
It will wrap all the all the contents for the game inside on line 16.
We've got a div class called form.
I actually remove that class.
It's not really necessary.
K does leave it like that.
Do.
Actually our lives that are lived are just have already pulled that they nuts so I'll leave that.
So what a deep court class and Ballis form line 17 is a label just to give the input a name and I've
got the label I.D. of guess component and I guess stassi attribute and then I've got unallowed tribute
here called For am giving it a value of guess felt and this is a text.
No or I really appear for that label.
I am here with the label and then got an input type which is a text.
This is where we'll input the numbers and we're giving it an idea of guess field.
These ideas are very used for the ideas and class will be using the ideas later for success.
And also Carol we can reference it with our javascript if need be noted we've got another class here
called guess field.
So the input I got on the input idea here with an attribute of sub.
This will be used to submit the numbers once you've entered in your guess.
You press submit saw the values submit guess we've given it a class of guests submit.
Okay so that's what this Deve here contains And then we've got another Dave chord result paragraph I
just named it the class subset.
To result para when used setting classes and ideas is always good to name them to reflect what you want
them to do.
So this would be results in a resort paragraph above paragraphs of the results.
Again I got a paragraph tag here with a class and guess this another p tag with a class last resort
not a paragraph class in name of low or high.
So when you make your guesses a paragraph with a paragraph will appear with a text telling you your
guess is too low or you'll guess it's too high.
So that's what all that is for.
And we've got there now the end of the month the very end of the last day.
After that Dave just before the closing body tag will insert our script.
It's always good to put your script at the very bottom just before the close in body tag here.
The reason for that is that it allows all the content of your web page to load completely before this
script is executed.
Alright that's the main reason so that's set.
You'll save that.
We are done with our structure so this is what the game look like after our hasty email.
So we basically got this truck.
Sure in some kind of order using hastier mail that's it for this lecture.
Thanks for what.
Bye for now.